<!DOCTYPE html>

<!--
Copyright 2017 Google Inc.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->

<html lang="en">
<head>

<script>
//  philipwalton.com/articles/the-google-analytics-setup-i-use-on-every-site-i-build
window.ga = window.ga || function() {
  (ga.q = ga.q || []).push(arguments);
};
ga('create', 'UA-33848682-1', 'auto');
ga('set', 'transport', 'beacon');
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>

<meta charset="utf-8">
<meta name="description" content="Simplest possible examples of HTML, CSS and JavaScript.">
<meta name="author" content="//samdutton.com">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta itemprop="name" content="simpl.info: simplest possible examples of HTML, CSS and JavaScript">
<meta itemprop="image" content="/images/icons/icon192.png">
<meta id="theme-color" name="theme-color" content="#fff">

<link rel="icon" href="/images/icons/icon192.png">

<base target="_blank">


<title>CSS negation pseudo class</title>

<link rel="stylesheet" href="../css/main.css">

<style type="text/css">
p {
  font-size: 14px;
}
div#indentFirst p {
  text-indent: 0;
}
div#indentFirst p:first-child {
  text-indent: 1.5em;
}
div#indentAllButFirst p {
  text-indent: 1.5em;
}
div#indentAllButFirst p:first-child {
  text-indent: 0;
}
</style>

</head>

<body>

<div id="container">

  <h1><a href="../index.html" title="simpl.info home page">simpl.info</a> CSS text-indent</h1>

  <h2>Only first paragaph indented</h2>

  <div id="indentFirst">
    <p>Accusamus mlkshk tofu aliquip stumptown cupidatat mixtape, wayfarers reprehenderit. Truffaut butcher sriracha four loko eiusmod. Gluten-free occaecat typewriter, pariatur kogi cosby sweater sed next level wes anderson street art before they sold out vero fap umami. Vinyl sriracha sapiente cred. Sunt nihil est put a bird on it cosby sweater organic, hoodie ea authentic velit adipisicing pour-over food truck blog. Brunch reprehenderit skateboard, gluten-free photo booth exercitation swag enim next level direct trade wolf mlkshk. Yr scenester occupy aesthetic stumptown whatever.</p>

    <p>Eu placeat salvia, elit fingerstache forage assumenda marfa mollit street art cliche consectetur. Nostrud fingerstache you probably haven't heard of them, officia whatever organic dolor vero mlkshk shoreditch quis godard. Jean shorts sunt high life dreamcatcher. Scenester organic single-origin coffee, ennui laborum odio quinoa. Photo booth laboris fugiat polaroid put a bird on it sint, terry richardson vinyl.</p>

    <p>Quinoa adipisicing cardigan, 8-bit portland shoreditch placeat readymade. Jean shorts anim ad nulla freegan stumptown, yr laboris readymade. Cardigan locavore street art, narwhal selvage gluten-free keytar portland scenester master cleanse laboris consectetur biodiesel jean shorts. Pour-over sed seitan, shoreditch keffiyeh hoodie lo-fi selvage magna. Do chambray whatever aute, shoreditch umami ennui biodiesel voluptate vero mustache hella. Butcher wes anderson godard mixtape put a bird on it squid. Gastropub mustache butcher vero dolore.</p>
  </div>

  <h2>Only first paragaph not indented</h2>

  <div id="indentAllButFirst">
    <p>Accusamus mlkshk tofu aliquip stumptown cupidatat mixtape, wayfarers reprehenderit. Truffaut butcher sriracha four loko eiusmod. Gluten-free occaecat typewriter, pariatur kogi cosby sweater sed next level wes anderson street art before they sold out vero fap umami. Vinyl sriracha sapiente cred. Sunt nihil est put a bird on it cosby sweater organic, hoodie ea authentic velit adipisicing pour-over food truck blog. Brunch reprehenderit skateboard, gluten-free photo booth exercitation swag enim next level direct trade wolf mlkshk. Yr scenester occupy aesthetic stumptown whatever.</p>

    <p>Eu placeat salvia, elit fingerstache forage assumenda marfa mollit street art cliche consectetur. Nostrud fingerstache you probably haven't heard of them, officia whatever organic dolor vero mlkshk shoreditch quis godard. Jean shorts sunt high life dreamcatcher. Scenester organic single-origin coffee, ennui laborum odio quinoa. Photo booth laboris fugiat polaroid put a bird on it sint, terry richardson vinyl.</p>

    <p>Quinoa adipisicing cardigan, 8-bit portland shoreditch placeat readymade. Jean shorts anim ad nulla freegan stumptown, yr laboris readymade. Cardigan locavore street art, narwhal selvage gluten-free keytar portland scenester master cleanse laboris consectetur biodiesel jean shorts. Pour-over sed seitan, shoreditch keffiyeh hoodie lo-fi selvage magna. Do chambray whatever aute, shoreditch umami ennui biodiesel voluptate vero mustache hella. Butcher wes anderson godard mixtape put a bird on it squid. Gastropub mustache butcher vero dolore.</p>
  </div>

  <a href="https://github.com/samdutton/simpl/blob/gh-pages/csstextindent" title="View source for this page on GitHub" id="viewSource">View source on GitHub</a>

</div></body>
</html>
